<template>
  <div>
    <div class="space"></div>

    <div class="top">
      <img class="top_icon" src="http://img1.qunarzz.com/piao/fusion/1711/16/bfbb9874e8f11402.png"
      alt="本周热门"/>
      <span class="top_title">TOP景点</span>
      <a class="top_more" href="">全部榜单
        <span class="iconfont iconfont_more">&#xe62d;</span>
      </a>
    </div>

    <ul class="box">
      <router-link tag="li"
      class="top_item"
      v-for="item of tlist"
      :key="item.id"
      :to="'/detail/'+item.id">
          <div class="_item_">
           <img class="item_img" :src="item.imgUrl"/>
          </div>
          <div class="item_info">
            <p class="item_title">{{item.title}}</p>
            <p class="item_price">
              <span class="aa">￥</span>
              <em class="bb">{{item.price}}</em>
              起
            </p>
          </div>
      </router-link>

    </ul>
  </div>
</template>

<script>
export default {
  name: 'HomeRecommend',
  props:{
    tlist:Array
  }

}
</script>

<style lang="stylus" scoped>
.space
  width 100%
  height .2rem
  background #eeeeee
.top
  width 100%
  height .5rem
  padding .24rem 0 0.26rem 0
  .top_icon
    width .35rem
    height .35rem
    margin-left .13rem
    overflow hidden
    float left
  .top_title
    font-size .35rem
    float left
  .top_more
    float right
    margin-right .13rem
    line-height .4rem
    .iconfont_more
      font-size .2rem
.box
  white-space: nowrap
  overflow-x:scroll
  .top_item
    display inline-block
    padding .1rem 0
    margin-left -0.1rem
    ._item_
      height 2rem
      width 2rem
      overflow hidden
      .item_img
        width 100%
    .item_info
      padding .1rem
      text-align center
      width 2rem
      min-width 0
      .item_title
        font-size .24rem
        line-height .32rem
        overflow hidden
        white-space nowrap
        text-overflow ellipsis
      .item_price
        font-size .25rem
        color #999
        .aa
          font-size .2rem
          color red
        .bb
          font-size .28rem
          color red




</style>
